.mhy-topic-label-selector {
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.mhy-topic-label-selector__item {
  height: 24px;
  line-height: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666;
  border-radius: 12px;
  margin-right: 10px;
  background-color: #f5f5f5;
  position: relative;
  cursor: pointer
}

.mhy-topic-label-selector__item.mhy-topic-label-selector__item-editable .mhy-topic-label-selector__link {
  padding-right: 0
}

.mhy-topic-label-selector__add {
  background-color: #fff;
  border: 1px solid #4cc3ff;
  color: #00b2ff;
  padding: 0 12px;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: border-color, color;
  -o-transition-property: border-color, color;
  transition-property: border-color, color
}

.mhy-topic-label-selector__add:hover {
  border-color: #00d5ff;
  color: #00d5ff
}

.mhy-topic-label-selector__add .icon-jiahao {
  font-size: 10px;
  margin-left: 10px
}

.mhy-topic-label-selector__delete {
  font-size: 10px;
  padding: 0 12px 0 10px
}

.mhy-topic-label-selector__link {
  display: inline-block;
  color: inherit;
  padding: 0 12px
}

.mhy-topic-label-selector__link:hover {
  color: #00b2ff
}